<template>
	<view class='page'>
    <view class="text-center">
      <image class='icon' src="../../static/images/success.png"></image>
      <view class='title'>请通过一下联系方式及时联系雇主</view>
    </view>
    <view class='info g-mb-20'>
      <text>微信号：{{wxnum}}</text>
      <view class='btn' @tap="onCopy(wxnum)">复制</view>
    </view> 
	
	<view class='info g-mb-20'>
	  <text>QQ号：{{qq}}</text>
	  <view class='btn' @tap="onCopy(qq)">复制</view>
	</view>
    <!-- <view class='color-gray font-14 text-center g-mb-20'>— 报了这个岗位的人也报了 —</view>
    <navigator class='job' v-for='n in 3' :key='n' url="../detail/detail">
      <image src="../../static/images/logo.png" class="job-thumb"></image>
      <view>
        <view class='job-title one-overflow'>在家刷抖音 转发视频 好玩赚钱</view>
        <view>
          <text class="color-red">488元/天</text>
          <text class='color-gray g-ml-5 g-mr-5'>|</text>
          <text class='color-gray font-14'>当天结算</text>
        </view>
        <view>
          <text class="color-gray font-14">全市</text>
          <text class='color-gray font-14 g-ml-5 g-mr-5'>|</text>
          <text class='color-gray font-14'>当天结算</text>
        </view>
      </view>
    </navigator> -->
	</view>
</template>

<script>
	import uniCopy from '@/js_sdk/xb-copy/uni-copy.js'
	export default {
		data() {
			return {
				urlid:"",
				wxnum:"",
				qq:""
			}
		},
		onLoad(option) {
			this.urlid = option.id
			this.getcontent(option.id)
		},
		methods: {
			onCopy(num) {
				console.log(num)
				uniCopy({
					content:num,
					success:(res)=>{
						uni.showToast({
							title: res,
							icon: 'none'
						})
					},
					error:(e)=>{
						uni.showToast({
							title: e,
						})
					}
				})
			},
			getcontent(id){
				uni.request({
				    url: this.$url + "inf/user/getPostById",
					data:{
						id:id
					},
				    success: (res) => {
				        if(res.data.code == 200){
							this.wxnum = res.data.data.contact_way
							this.qq = res.data.data.qq
						}
				    }
				});
			}
		}
	}
</script>

<style lang="scss" scoped>
  .job-thumb {
    width: 99upx;
    height: 99upx;
    border-radius: 100px;
    margin-right: 10px;
  }
  .job {
    display: flex;
    align-items: center;
    font-size: 16px;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px;
    margin-bottom: 10px;
    .job-title {width: 560upx}
  }
  .icon {
    width: 96upx;
    height: 96upx;
    margin: 30px 0 15px 0;
  }
  .info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    box-shadow: 0 0 20px rgba(0,0,0,.08);
    padding: 15px 10px;
    .btn {
      width: 165upx;
      height: 66upx;
      background: #FF8F19;
      border-radius: 5px;
      color: #fff;
      line-height: 66upx;
      text-align: center;
    }
  }
</style>
